{% extends "layout.html" %}
{% block style %}
    <style type="text/css">
        .p_fname {
            font-size: 14px;
        }

        .p_pname {
            font-size: 24px;
            font-weight: normal;
            color: #3f3f3f;
        }

        .p_info {
            float: left;
            font-size: 14px;
            margin-left: 12px;
            width: 430px;
        }
    </style>
{% endblock %}

{% block content %}
    <div>
        <div class="clearfix border_bottom" style="margin-top: 10px;padding-bottom: 10px;">
            <table class="clean-table" style="float: left;">
                <tbody>
                <tr>
                    <td style="vertical-align: middle; text-align: center; height: 135px; width: 180px;">
                        <img style="max-height:135px;max-width:180px;" alt="" src="{{ product.logoUrl }}"/>
                    </td>
                </tr>
                </tbody>
            </table>
            <div class="p_info">
                <h1 class="p_pname">{{ product.name }}</h1>
                <br/>
                <span style="color: Gray;">英文名称：</span><span>{{ product.eName if product.eName else '暂无' }}</span>
                <br/>
                <span style="color: Gray;">产品分类：</span><br/>
                <span style="color: Gray;">所属企业：</span><a target="_blank"
                                                          href="{{ product.firmUrl }}">{{ product.firmName }}</a><br/>
                <span style="color: Gray;">产品地址：<a target="_blank"
                                                   href="{{ product.pageUrl }}">点击进入</a></span><br/>
            </div>
        </div>
        <div style="margin-top: 26px;font-size: 13px;">
            {{ product.detailHtml|safe }}
        </div>
    </div>
{% endblock %}
